@charset "utf-8";

@import "reusing";

//导航栏s
.navbar{
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}
.navbar-default{
    background-color: #222;
}
//导航栏a标签的默认样式和其他
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > li > a:focus{
    color: #fff;
    background-color: #080808;
}
.navbar-default .navbar-nav > li > a{
    color: gray;
}
.navbar-default .navbar-nav > li{
    &:nth-child(9){
        display: none;
    }
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
    width: 100%;
}

.navbar-brand{
    position: relative;
    &>img{
        position: relative;
        top: -8px;
    }
}
//导航栏e

//底部s
footer{
    padding-top: 30px;
    padding-bottom: 33px;
    background-color: $black;
    color: $gray;
    a{
        color: $gray;
        margin-left: 10px;
        &:first-child{
            margin-left: 0;
        }
        &:hover{
            color: $white;
            text-decoration: none;
        }
    }
    p{
        padding-top: 10px;
    }
    
    //分享方式s
    .emil_share,.weixin_share,.qq_share{
        position: relative;
        &>img{
            margin-top: 10px;
            margin-left: 20px;
            cursor: pointer;
        } 
        &:hover .qrcode{
            display: block;
            height: 157px;
        }
        .qrcode{
            width: 144px;
            height: 157px;
            position: absolute;
            bottom: 40px;
            right: -55px;
            display: none;
            &>img{
                width: 100%;
            }
        }
    }
    //分享方式e
}
//底部e

//可重用的类名s
.tablefather{
    display: table;
    img{
        vertical-align: middle;
    }
    p{
        display: table-cell;
        vertical-align: middle;
    }
}
//可重用的类名e


@media (min-width:1200px){
    .w1000{
        width: 1000px;
    }
}
@media (max-width:992px){
    .navbar-default .navbar-nav > li{
        &:nth-child(5),&:nth-child(6),&:nth-child(7){
            display: none;
        }
        &:nth-child(9){
            display: block;
        }
    }
}